<!doctype html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="妙笔移动建站平台,拖拽式网页,拖拽式表单,表单设计,h5在线免费制作,网站在线免费制作">
    <title>{{ $page['pageTitle'] }}</title>
    <link href="https://cdn.quilljs.com/1.2.6/quill.snow.css" rel="stylesheet">
    <!-- 引入样式文件 -->
    <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/vant@2.8/lib/index.css"
    />
    <link rel="stylesheet" href="{{ url('lib/preview.css') }}">
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vant@2.8/lib/vant.min.js"></script>
    <script src="{{ url('lib/preview.umd.js?'.time())}}"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?1ec581926c2887ec52a2bf897be5e231";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div id="app">
    <preview :html-preview-data-list="list" sq-id="<?= isset($sq_id) ? $sq_id : '' ?>" :auto-sync="<?=  isset($auto_sync) && $auto_sync ? 'true' : 'false' ?>"></preview>
</div>
<script>
    new Vue({
        components: {
            preview
        },
        data : {
            list : <?= json_encode($data, JSON_UNESCAPED_UNICODE) ?>
        }
    }).$mount('#app')
</script>
</body>
</html>
